<template>
  <el-tooltip :effect="effect" :placement="placement">
    <div slot="content" class="line-break">{{ content }}</div>
    <!--    <i class="el-icon-warning prompt-icon"></i>-->
    <img alt="" src="../../../../assets/image/toolBar/tip-icon.png" style="cursor: pointer;width: 16px;height: 16px">
  </el-tooltip>
</template>

<script>
export default {
  props: {
    placement: {
      type: String,
      default: 'bottom'
    },
    effect: {
      type: String,
      default: 'dark'
    },
    content: {
      type: String,
      default: ''
    }
  },
  data() {
    return {};
  },
  methods: {},
  created() {
  },
  mounted() {
  }
};
</script>
<style lang="less" scoped>
.prompt-icon {
  color: #fff;
  font-size: 25px;
  cursor: pointer;
}

.line-break {
  max-width: 300px;
}
</style>